.test {
  color: red !important;
  font-size: 30pt;
}

/* 第一页设置，会覆盖通用设置 */
@media print {
  header,
  footer {
    display: none;
  }
  @page {
    margin:4mm 3.5mm 4mm 4mm ;

    margin-top: 0mm;
    margin-bottom: 0mm;
    background: #fff;
    // 控制是使用a4还是使用其它纸张规格
    size: 29.7cm 22.65cm; //去掉页眉//去掉页脚
  }
  .noPrint {
    display: none;
  }

  .title {
    height: 80px !important;
    margin-top: 70px !important;
    margin-bottom: 50px !important;
    font-weight: bold;
    font-size: 30pt !important;
  }
  .father {
    margin-top: 10px !important;
    margin-left: 10%;
    font-size: 10pt !important;
  }
  .fatherLeft {
    font-weight: bold;
    font-size: 30pt !important;
  }
  .marginThird {
    font-weight: bold !important;
  }
  .fatherRight {
    font-size: 10pt !important;
  }
  .fatherSecond {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
    margin-left: 10%;
    font-size: 10pt !important;
  }
  .fatherSecondItemLeft {
    font-weight: bold;
    font-size: 10pt !important;
  }
  .fatherSecondItemRight {
    font-size: 10pt !important;
  }

  .bottom {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 100px !important;
    margin-right: 80px !important;
    overflow: auto;
    color: black;
    font-size: 10pt !important;
    // color: red;
    // font-size: 18pt;
  }

  .page-break {
    page-break-before: always; /* 总是在元素之前进行分页 */
  }
  .test {
    color: green !important;

    font-size: 30pt;
    background-color: yellow;
  }
}

.title {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: 10px;
  overflow: auto;
  color: black !important;
  font-weight: bold;
}

.father {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  margin-top: 1%;
  overflow: auto;
  color: red;
  font-size: 8pt;
}

.fatherLeft {
  display: flex;
  flex-direction: column;
  flex-grow: 4;
  align-items: flex-start;
  // justify-content: flex-start;
  width: 60%;

  overflow: auto;
  color: black;
  // font-size: 10pt;
  background-color: #f8f6f6;
}

.fatherRight {
  display: flex;
  flex-direction: column;
  flex-grow: 4;
  align-items: flex-start;
  // justify-content: flex-start;
  // justify-content: center;
  width: 40%;
  overflow: auto;
  color: black;
  // font-size: 10pt;
  background-color: #fff;
}

.fatherSecond {
  display: flex;
  align-items: flex-start;
  // align-items: center;
  // justify-content: center;
  margin-top: 2%;
  overflow: auto;
  color: black;
  font-size: 8pt;
  // color: red;
  // font-size: 18pt;
}

.fatherSecondItemLeft {
  display: flex;
  flex-direction: column;
  flex-grow: 2;
  // align-items: center;
  // justify-content: center;
  width: 20%;
  overflow: auto;
  color: black;
  background-color: #fff;
}

.fatherSecondItemRight {
  display: flex;
  flex-grow: 2;
  // align-items: center;
  // justify-content: center;
  width: 30%;
  overflow: auto;
  color: black;
  background-color: #fff;
}

.marginFirst {
  margin-top: 30px !important;
  margin-bottom: 30px !important;
}

.marginSecond {
  margin-top: 0px !important;
}

.marginThird {
  margin-bottom: 0px !important;
}
.marginFour {
  margin-top: 0px !important;
  margin-bottom: 30px !important;
}
.bottom {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-top: 2%;
  margin-right: 20px;
  overflow: auto;
  color: black;
  font-size: 8pt;
  // color: red;
  // font-size: 18pt;
}
